<div class="title1">图片欣赏</div>
<div id="demo1" class="flexslider" style="width: 80%; margin: auto">
    <ul class="slides">
        <li>
            <img src="pic/photo/mtxx02.jpg"/>
        </li>
        <li>
            <img src="pic/photo/mtxx01.jpg"/>
        </li>
        <li>
            <img src="pic/photo/mtxx03.jpg"/>
        </li>
        <li>
            <img src="pic/photo/mtxx04.jpg"/>
        </li>
    </ul>
</div>
<!-- FlexSlider -->
<script defer src="jquery/FlexSlider/jquery.flexslider.js"></script>

<script type="text/javascript">
    $(window).load(function () {
        $('#demo1').flexslider({
            animation: "slide",    //"fade"
            animationSpeed: 600,   //按钮速度
            slideshowSpeed: 4000,  //循环速度
            pauseOnAction: false,
            pauseOnHover: true,
            start: function (slider) {
                $('body').removeClass('loading');
            }
        });
    });
</script>